<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
	<button>0</button>
	<button>1</button>
	<button>2</button>
	<button>3</button>
</body>
<script>
	{
		
		// 箭头函数没有自己的this，箭头函数内部的this并不是调用时候指向的对象,而是定义时指向的对象
		// const obj = {
		// 	userName:"zhangsan",
		// 	fn(){
		// 		console.log(this.userName)
		// 	},
		// 	fn2:()=>{
		// 		console.log(this.userName);
		// 	}
		// }
		// obj.fn();// zhangsan
		// obj.fn2();
		
		
		// document.querySelectorAll("button").forEach(btn=>{
		//
		// 	btn.onclick = ()=>{
		// 		console.log(this)
		// 	}
		// })
	}
	{
		// 箭头函数不能用于构造函数，也就是不能使用new关键字调用
		// const Box = ()=>{
		//
		// }
		// const obj = new Box();
	}
	{
		// 箭头函数没有arguments对象
		// const btn = ()=>{
		// 	console.log(arguments);
		// }
		// btn(1,2,3);
	}
	{
		// 箭头函数使用call apply bind
		const obj = {
			a:1
		}
		const fn = ()=>{
			console.log(this);
		}
		fn.call(obj);
	}
</script>
</html>